/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/

/* theme color */
$--color-primary: #848ae3;
//$--color-primary: #4164E3;
$--color-success: #13ce66;
$--color-warning: #ffba00;
$--color-danger: #FF4C4C;
// $--color-info: #1E1E1E;

$--button-font-weight: 400;

// $--color-text-regular: #1f2d3d;

$--border-color-light: #dfe4ed;
$--border-color-lighter: #e6ebf5;

$--table-border:1px solid#dfe6ec;

/* icon font path, required */
$--font-path: '~element-ui/lib/theme-chalk/fonts';

@import "~element-ui/packages/theme-chalk/src/index";

// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
  theme: $--color-primary;
}
.el-form-item.is-error .el-input{
  width: 100%;
  &:after{
    position: absolute;
    right: 10px;
    top: 8px;
    display: block;
    content: 'i';  // 添加error 标记 i
    background: #FF4C4C;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 20px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    font-weight: 900;
  }
}
.el-input__inner{
  border-color: #EEF0F3;  // input border
}
.el-form-item__label{
  color: #69718B;  // input label
}
//.el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before {
//  content: '';  // 去掉 * 号
//}
//.el-form-item__label{
//  position: relative;
//}
//.el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:after {
//  content: '*';  // 后置 * 号
//  color: #ff4949;
//  margin-right: 4px;
//  right: -1px;
//  top: 2px;
//  position: absolute;
//}
